<template>
  <div class="wrapper-right">
    <!-- 车辆监控 -->
    <CarMonitor style="animation: slide-right 2s; animation-duration: 0.8s"></CarMonitor>
    <!-- 窑尾排放浓度监测 -->
    <EmissionsMonitor style="animation: slide-right 2s; animation-duration: 1.2s"></EmissionsMonitor>
    <!-- 排放源滚轮 -->
    <PfSource style="animation: slide-right 2s; animation-duration: 1.6s"></PfSource>
  </div>
</template>

<script>
import CarMonitor from './CarMonitor.vue'
import EmissionsMonitor from './EmissionsMonitor.vue'
import PfSource from './PfSource.vue'
export default {
  components: {
    CarMonitor,
    EmissionsMonitor,
    PfSource
  },
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.wrapper-right {
  width: 400px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
</style>
